.RightCom {
    background-color: #1A1C1E;
    width: 350px;
    margin: 0 auto;
    padding: 0 4px;

    .topFlex {
        padding: 30px 20px 0;
        margin: 0 4px 30px;
        border-bottom: 1px solid #38393C;
        display: flex;
        flex-wrap: wrap;

        .item {
            width: 50%;
            margin-bottom: 30px;

            .label {
                color: #828D95;
            }
        }
    }

    .flexlayout {
        display: flex;
        margin-top: 30px;
        justify-content: space-between;

        .leftlayout {
            height: 300px;
        }
    }

    .title1,
    .title2 {
        padding-bottom: 18px;
    }

    .lattice {
        display: grid;
        grid-template-columns: repeat(5, .5fr);
        /* 5 columns */
        grid-template-rows: repeat(5, .5fr);
        /* 5 rows */
        gap: 10px;

        /* space between grid items */
        .item {
            width: 85px;
            height: 82px;
            background-image: url('/reveal.png');
            background-repeat: no-repeat;
            background-position: -1500px 1px;
            zoom: 0.4;
        }

        .itemActive {
            width: 85px;
            height: 82px;
            background-image: url('/reveal.png');
            background-repeat: no-repeat;
            background-position: -1072px -977px;
            zoom: 0.4;
        }

        .mine {
            width: 65px;
            height: 65px;
            background-image: url('/reveal.png');
            background-repeat: no-repeat;
            background-position: -730px -1010px;
            zoom: 0.4;
        }


        .mine {
            width: 85px;
            height: 82px;
            background-image: url('/reveal.png');
            background-repeat: no-repeat;
            background-position: -720px -1006px;
            zoom: 0.4;
        }

        .mineActive {
            width: 85px;
            height: 82px;
            background-image: url('/reveal.png');
            background-repeat: no-repeat;
            background-position: -1169px -977px;
            zoom: 0.4;
        }

        .num {
            width: 20px;
            height: 32px;
            line-height: 32px;
            text-align: center;
        }
    }


}